<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="author" content="菜鸟开发小组" />
		<meta name="keywords" content="Hyper IT,hyper it,it,hyper,IT 博客,博客,交流平台,IT交流网站,IT服务网站,菜鸟开发小组"/>
		<meta name="description" content="由菜鸟才发小组开发的一个苛求质量的高大上的IT服务网站，为IT技术圈内的大牛与小白提供了一个良好的技术交流平台。"/>
		<meta name="robots" content="all"/>
		<title>Hyper IT|我的博客</title>
		 
		 <link rel="icon" href="../../img/logo2.ico" type="image/x-icon"/>
		 <link rel="stylesheet" type="text/css" href="../../css/common.css"/>
		 <link rel="stylesheet" type="text/css" href="../../css/myblog.css"/>
		 
		 <script type="text/javascript" src="../../js/jquery-3.1.1.min.js" ></script>
		 <script type="text/javascript" src="../../js/common.js" ></script>
		 <script type="text/javascript" src="../../js/procityjson.js" ></script>
		 <script type="text/javascript" src="../../js/jquery.validate.min.js" ></script>
		 <script type="text/javascript" src="../../js/myblog.js" ></script>
	</head>
	<body>
		<header>
			<a href="../index.html" title="一个苛求质量的IT服务网站" id="logo"><img src="../../img/logo.jpg" alt="logo"/></a>
			<nav>
				<ul class="link-nav">
					<li><a href="blogs.html"><i class="m-icon icon-blog"></i><span>博客园</span></a></li>
					<li><a href="../article/articles.html"><i class="m-icon icon-article"></i><span>博文阁</span></a></li>
					<li><a href="../aq/aqs.html"><i class="m-icon icon-aq"></i><span>问答楼</span></a></li>
					<li><a href="../note/notes.html"><i class="m-icon icon-note"></i><span>随笔本</span></a></li>
					<li><a href="../tag/tags.html"><i class="m-icon icon-boll"></i><span>标签库</span></a></li>
				</ul>
			</nav>
					
			<ul class="user-bar">
				<li class="help-search"><a href="../others/help.html">帮助</a></li>
				<li id="userbox"><a href="../user/login.html"><span>Go</span></a></li>
			</ul>
		</header>
		<div class="main">
			<div class="banner">
				<div id="head">
					<img src="#"/>
					<label for="file">修改头像</label>
					<form id="uploadForm">
						<input type="file" name="file" id="file" value="" accept="image/*" style="display: none;" onchange="updateHead()"/>
					</form>
				</div>
			</div>
			<div class="wrap blog-wrap">
				<div class="tree-nav">
					<ul>
						<li class="active"><span class="active-dot"></span><a href="javascript:void(0)">我的信息</a></li>
						<li><a href="javascript:void(0)">我的文章</a></li>
						<li><a href="javascript:void(0)">我的问答</a></li>
						<li><a href="javascript:void(0)">我的随笔</a></li>
						<li><a href="javascript:void(0)">我的关注</a></li>
						<li><a href="javascript:void(0)">我的收藏</a></li>
						<li><a href="javascript:void(0)">私信箱</a></li>
						<li><a href="javascript:void(0)">留言墙</a></li>
					</ul>
				</div>
				<div class="content-area">
					<!--个人信息开始-->
					<div class="content-item" id="info" >
						<dl>
							<dt>昵称：</dt>
							<dd id="name"></dd>
							<dt></dt>
							<dd>
								<button onclick="toUpdateInfo()">修改基本信息</button>
								<button onclick="toUpdatePassword()">修改密码</button>
							</dd>
						</dl>
						<dl>
							<dt>性别：</dt>
							<dd id="sex"></dd>
						</dl>
						<dl>
							<dt>等级：</dt>
							<dd id="level"></dd>
							<dt>hb：</dt>
							<dd id="hb"></dd>
						</dl>
						<dl>
							<dt>签到总天数：</dt>
							<dd id="ts"></dd>
							<dt></dt>
							<dd>
								<button onclick="sign()" id="signBtn" disabled="disabled">签到</button>
							</dd>
						</dl>
						<dl>
							<dt>粉丝：</dt>
							<dd id="fans"></dd>
						</dl>
						<dl>
							<dt>文章：</dt>
							<dd id="article"></dd>
							<dt>回答被采纳：</dt>
							<dd id="accept"></dd>
							<dt>随笔：</dt>
							<dd id="note"></dd>
						</dl>
						<dl>
							<dt>城市：</dt>
							<dd id="city"></dd>
							<dt>职业：</dt>
							<dd id="position"></dd>
						</dl>
						<dl>
							<dt>注册时间：</dt>
							<dd id="createtime"></dd>
						</dl>
						<dl>
							<dt>技能：</dt>
							<dd id="skill">
								
							</dd>
						</dl>
						<dl>
							<dt>爱好：</dt>
							<dd id="hobby">
								
							</dd>
						</dl>
						<dl>
							<dt>金石之言：</dt>
							<dd id="signature"></dd>
						</dl>
						<dl>
							<dt>收货地址：</dt>
							<dd id="addr"></dd>
							<dt></dt>
							<dd><button onclick="toUpdateAddr()">修改收货地址</button></dd>
						</dl>
					</div>
					<!--个人信息结束-->
					<!--我的文章开始-->
					<div class="content-item" id="myarticle" >
						<div class="myarticle-left">
							<span>发表文章>></span>
							<ul>
								<!--这里插入文章项-->
							</ul>
							<a href="javascript:void(0);" onclick="getMoreArticle()">加载更多...</a>
						</div>
						<div class="myarticle-right">
							<a href="../article/articleEdite.html">撰写文章</a>
							<a href="javascript:void(0)" onclick="initArticle()">我发表的</a>
							<a href="javascript:void(0)" onclick="initArticleDraft()">草稿箱</a>
						</div>
					</div>
					<!--我的文章结束-->
					<!--我的问答开始-->
					<div class="content-item" id="aq" >
						<div class="myarticle-left">
							<span>我的提问</span>
							<ul>
								<!--这里插入问答-->
							</ul>
							<a href="javascript:void(0);" class="morebtn" onclick="getMoreAq()">加载更多...</a>
						</div>
						<div class="myarticle-right">
							<a href="../aq/editeQuestion.html">提问</a>
						</div>
					</div>
					<!--我的问答结束-->
					<!--我的随笔开始-->
					<div class="content-item" id="note" >
						<div class="myarticle-left">
							<span>发表随笔</span>
							<ul>
								<!--这里插入随笔-->
							</ul>
							<a href="javascript:void(0);" class="morebtn" onclick="getMoreNote()">加载更多...</a>
						</div>
						<div class="myarticle-right">
							<a href="../note/editeNote.html">写随笔</a>
							<a href="javascript:void(0)" onclick="initNote()">我发表的</a>
							<a href="javascript:void(0)" onclick="initNoteDraft()">草稿箱</a>
						</div>
					</div>
					<!--我的随笔结束-->
					<!--我的关注开始-->
					<div class="content-item" id="follow" >
						<ul>
							<!--这里插入我关注的人-->
						</ul>
					</div>
					<!--我的关注结束-->
					<!--我的收藏开始-->
					<div class="content-item" id="collection" >
						<div class="myarticle-left">
							<span>文章收藏</span>
							<ul>
								<!--这里插入收藏-->
							</ul>
							<a href="javascript:void(0);" class="morebtn" onclick="getMoreCollection()">加载更多...</a>
						</div>
						<div class="myarticle-right">
							<a href="javascript:void(0)" onclick="initColletionArticle()">文章收藏</a>
							<a href="javascript:void(0)" onclick="initCollectionNote()">随笔收藏</a>
						</div>
					</div>
					<!--我的收藏结束-->
					<!--私信箱开始-->
					<div class="content-item" id="sixin" >
						<ul>
							<!--这里插入私信-->
						</ul>
						<a href="javascript:void(0);" class="morebtn" onclick="getMoreSixin()">加载更多...</a>
					</div>
					<!--私信箱结束-->
					<!--留言墙开始-->
					<div class="content-item" id="leaveword">
						<ul>
							
						</ul>
						<a href="javascript:void(0);" class="morebtn" onclick="getMoreLeaveWord()">加载更多...</a>
					</div>
					<!--留言墙结束-->
				</div>
			</div>
		</div>
		<footer>
			<div class="wrap">
				<p>Copyright &copy; 2017-5-5 Hyper IT of 菜鸟开发小组 All Rights Reserved.</p>
			</div>
		</footer>
		<div id="mask">
			<div class="mask-box update-addr" id="addrbox">
				<h4>修改收货地址</h4>
				<input type="text" name="name" id="addr_name" value="" placeholder="请输入收件人姓名"/>
				<input type="text" name="phone" id="addr_phone" value="" placeholder="请输入联系电话"/>
				<input type="text" name="addr" id="addr_addr" value="" placeholder="请输入收货地址"/>
				<input type="button" name="submit" id="submit" value="提交" onclick="updateAddr()"/>
				<input type="button" name="cancel" id="cancel" value="取消" onclick="cancelUpdateAddr()"/>
			</div>
			<div class="mask-box update-info" id="infobox">
				<h4>修改个人信息</h4>
				<form id="infoForm">
					<div class="input-group">
						<label>昵称</label>
						<input type="text" name="name" id="fName" value="" />
					</div>
					<div class="input-group">
						<label>性别</label>
						<input type="radio" name="sex" value="male" checked="checked"/>男&nbsp;&nbsp;&nbsp;&nbsp;
						<input type="radio" name="sex" value="female" />女
					</div>
					<div class="input-group">
						<label>城市</label>
						<select name="pro" id="proList">
							
						</select>
						<select name="city" id="cityList">
							
						</select>
					</div>
					<div class="input-group">
						<label>职业</label>
						<select name="position" id="posiList">
							
						</select>
					</div>
					<div class="input-group">
						<label>技能</label>
						<textarea name="skill" id="fSkill"></textarea>
					</div>
					<div class="input-group">
						<label>爱好</label>
						<textarea name="hobby" id="fHobby"></textarea>
					</div>
					<div class="input-group">
						<label>金石之言</label>
						<textarea name="signatrue" id="fSignatrue"></textarea>
					</div>
					<input type="button" value="提交" onclick="updateUserInfo()"/>
					<input type="button" name="cancel" value="取消" onclick="cancelUpdateInfo()"/>
				</form>
			</div>
			<div class="mask-box update-pass" id="passwordbox">
				<h4>修改密码</h4>
				<form id="passwordForm">
					<span></span>
					<input type="password" name="oldpass" id="oldpass" value="" placeholder="旧密码"/>
					<span></span>
					<input type="password" name="newpass" id="newpass" value="" placeholder="新密码"/>
					<span></span>
					<input type="password" name="confirmpass" id="confirmpass" value="" placeholder="确认密码"/>
					<input type="button" name="submit" id="submit" value="提交" onclick="updatePassword()"/>
					<input type="button" name="cancel" id="cancel" value="取消" onclick="cancelUpdatePassword()"/>
				</form>
			</div>
		</div>
	</body>
</html>
